How to use typescript with createContext when passing state variables as the provider value